<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no;email=no" name="format-detection">
    <title>我的订单</title>

    <link rel="stylesheet" href="../../static/css/lib/bootstrap.min.css">
    <link rel="stylesheet" href="../../static/css/lib/main.css">
    <link rel="stylesheet" href="../../static/css/module/header.css">
    <link rel="stylesheet" href="../../static/css/module/footer.css">
    <link rel="stylesheet" href="../../static/css/page/apply.css">
    <link rel="stylesheet" href="../../static/css/page/usercenter.css">
    <link rel="stylesheet" href="../../static/css/plugin/iconfont.css">
    <link rel="stylesheet" href="../../static/css/page/orderList.css">
</head>
<body>
<div class="wrapper">
    <!-- 头部 -->
    <header class="hidden-xs">
        <nav class="mainnav">
            <div class="container">
                <div class="row">
                    <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                        <ul class="nav nav-pills topnav" role="tablist">
                            <li class="nav-item" role="presentation">
                                <a href="#">活动报名</a>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a href="#">楚才书店</a>
                            </li>
                            <li class="logo-item">
                                <img src="../../static/images/logo.png" width="105" height="104" alt="logo">
                            </li>
                            <li class="nav-item" role="presentation">
                                <a href="#">个人中心</a>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a href="#">安全退出</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </nav>
    </header>

    <!-- 个人信息 -->
    <div class="user-header text-center">
        <div class="user-avatar">
            <img src="../../static/images/avatar_boy.png" alt="avatar">
        </div>
        <div class="user-name">15998566667</div>
        <p class="welcomes">欢迎来到您的楚才</p>
    </div>

    <!-- 个人中心导航栏 -->
    <nav class="navbar navbar-default user-nav" role="navigation">
        <div class="container">
            <div class="user-navbar">
                <ul class="nav navbar-nav" id="userNavbar">
                    <li><a href="userCenter.html">我的报名</a></li>
                    <li><a href="apply_list.html">我的订单</a></li>
                    <li><a href="#">我的购物车</a></li>
                    <li><a href="#">收货地址</a></li>
                    <li><a href="#">完善资料</a></li>
                    <li><a href="modify_user.html">修改密码</a></li>
                    <li><a href="#">关于我们</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- 内容信息 -->
    <div class="container main-body">
        <!-- 内容信息 -->
        <div class="main-content main-content--user">
            <h3 class="user-title">
                <span>个人中心</span> &gt <span>我的订单</span>
            </h3>
            <table class="table table-header">
                <colgroup>
                    <col style="width:35%">
                    <col style="width:15%">
                    <col style="width:15%">
                    <col style="width:15%">
                    <col style="width:15%">
                </colgroup>
                <tbody>
                    <tr>
                        <th>商品名称</th>
                        <th>单价</th>
                        <th>数量</th>
                        <th>实付款</th>
                        <th>操作</th>
                    </tr>
                </tbody>
            </table>
            <table class="table table-body">
                <colgroup>
                    <col style="width:35%">
                    <col style="width:15%">
                    <col style="width:15%">
                    <col style="width:15%">
                    <col style="width:15%">
                </colgroup>
                <tbody class="table-body__header">
                    <tr>
                        <td>订单编号：201603140000128</td>
                        <td class="shop"><i class="iconfont">&#xe605;</i>楚才作文</td>
                        <td></td>
                        <td colspan="2">状态：等待买家付款</td>
                    </tr>
                </tbody>
                <tbody class="table-body__cont text-center">
                    <tr>
                        <td class="text-left">
                            <div class="media">
                                <a class="media-left" href="#">
                                    <img src="../../static/images/activity.png" alt="activity">
                                </a>
                                <div class="media-body">
                                    <h4 class="media-heading">
                                        <a href="#">楚才文萃小学卷</a>
                                    </h4>
                                </div>
                            </div>
                        </td>
                        <td><p>¥20</p></td>
                        <td><p>3</p></td>
                        <td rowspan="3" class="table-body__cont__price"><p>¥60<br><div class="table-body__cont__logistics">(含运费¥7)</div></p></td>
                        <td rowspan="3" class="table-body__cont__payTop">
                            <p>
                                <a class="user-link user-link--alipay" href="#">立即支付</a>
                            </p>
                            <p>
                                <a class="user-link" href="#">取消订单</a>
                            </p>
                            <p>
                                <a class="user-link" href="#">订单详情</a>
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td class="table-body__cont__goods" class="text-left">
                            <div class="media">
                                <a class="media-left" href="#">
                                    <img src="../../static/images/activity.png" alt="activity">
                                </a>
                                <div class="media-body">
                                    <h4 class="media-heading">
                                        <a href="#">楚才文萃小学卷</a>
                                    </h4>
                                </div>
                            </div>
                        </td>
                        <td class="table-body__cont__goods"><p>¥20</p></td>
                        <td class="table-body__cont__goods"><p>3</p></td>
                    </tr>
                    <tr>
                        <td class="table-body__cont__goods" class="text-left">
                            <div class="media">
                                <a class="media-left" href="#">
                                    <img src="../../static/images/activity.png" alt="activity">
                                </a>
                                <div class="media-body">
                                    <h4 class="media-heading">
                                        <a href="#">楚才文萃小学卷</a>
                                    </h4>
                                </div>
                            </div>
                        </td>
                        <td class="table-body__cont__goods"><p>¥20</p></td>
                        <td class="table-body__cont__goods"><p>3</p></td>
                    </tr>
                </tbody>
            </table>
            
            <table class="table table-body">
                <colgroup>
                    <col style="width:35%">
                    <col style="width:15%">
                    <col style="width:15%">
                    <col style="width:15%">
                    <col style="width:15%">
                </colgroup>
                <tbody class="table-body__header">
                    <tr>
                        <td>订单编号：201603140000128</td>
                        <td class="shop"><i class="iconfont">&#xe605;</i>楚才作文</td>
                        <td></td>
                        <td colspan="2">状态：等待卖家发货</td>
                    </tr>
                </tbody>
                <tbody class="table-body__cont text-center">
                    <tr>
                        <td class="text-left">
                            <div class="media">
                                <a class="media-left" href="#">
                                    <img src="../../static/images/activity.png" alt="activity">
                                </a>
                                <div class="media-body">
                                    <h4 class="media-heading">
                                        <a href="#">楚才文萃小学卷</a>
                                    </h4>
                                </div>
                            </div>
                        </td>
                        <td><p>¥20</p></td>
                        <td><p>3</p></td>
                        <td rowspan="3" class="table-body__cont__price"><p>¥60<br><div class="table-body__cont__logistics">(含运费¥7)</div></p></td>
                        <td rowspan="3" class="table-body__cont__btnTop">
                            <p>
                                <a class="user-link" href="#">订单详情</a>
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td class="table-body__cont__goods" class="text-left">
                            <div class="media">
                                <a class="media-left" href="#">
                                    <img src="../../static/images/activity.png" alt="activity">
                                </a>
                                <div class="media-body">
                                    <h4 class="media-heading">
                                        <a href="#">楚才文萃小学卷</a>
                                    </h4>
                                </div>
                            </div>
                        </td>
                        <td class="table-body__cont__goods"><p>¥20</p></td>
                        <td class="table-body__cont__goods"><p>3</p></td>
                    </tr>
                    <tr>
                        <td class="table-body__cont__goods" class="text-left">
                            <div class="media">
                                <a class="media-left" href="#">
                                    <img src="../../static/images/activity.png" alt="activity">
                                </a>
                                <div class="media-body">
                                    <h4 class="media-heading">
                                        <a href="#">楚才文萃小学卷</a>
                                    </h4>
                                </div>
                            </div>
                        </td>
                        <td class="table-body__cont__goods"><p>¥20</p></td>
                        <td class="table-body__cont__goods"><p>3</p></td>
                    </tr>
                </tbody>
            </table>

            <table class="table table-body">
                <colgroup>
                    <col style="width:35%">
                    <col style="width:15%">
                    <col style="width:15%">
                    <col style="width:15%">
                    <col style="width:15%">
                </colgroup>
                <tbody class="table-body__header">
                    <tr>
                        <td>订单编号：201603140000128</td>
                        <td class="shop"><i class="iconfont">&#xe605;</i>楚才作文</td>
                        <td></td>
                        <td colspan="2">状态：交易成功</td>
                    </tr>
                </tbody>
                <tbody class="table-body__cont text-center">
                    <tr>
                        <td class="text-left">
                            <div class="media">
                                <a class="media-left" href="#">
                                    <img src="../../static/images/activity.png" alt="activity">
                                </a>
                                <div class="media-body">
                                    <h4 class="media-heading">
                                        <a href="#">楚才文萃小学卷</a>
                                    </h4>
                                </div>
                            </div>
                        </td>
                        <td><p>¥20</p></td>
                        <td><p>3</p></td>
                        <td rowspan="2" class="table-body__cont__price"><p>¥60<br><div class="table-body__cont__logistics">(含运费¥7)</div></p></td>
                        <td rowspan="2" class="table-body__cont__btnTop">
                            <p>
                                <a class="user-link" href="#">查看物流</a>
                            </p>
                            <p>
                                <a class="user-link" href="#">订单详情</a>
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td class="table-body__cont__goods" class="text-left">
                            <div class="media">
                                <a class="media-left" href="#">
                                    <img src="../../static/images/activity.png" alt="activity">
                                </a>
                                <div class="media-body">
                                    <h4 class="media-heading">
                                        <a href="#">楚才文萃小学卷</a>
                                    </h4>
                                </div>
                            </div>
                        </td>
                        <td class="table-body__cont__goods"><p>¥20</p></td>
                        <td class="table-body__cont__goods"><p>3</p></td>
                    </tr>
                </tbody>
            </table>

            <table class="table table-body">
                <colgroup>
                    <col style="width:35%">
                    <col style="width:15%">
                    <col style="width:15%">
                    <col style="width:15%">
                    <col style="width:15%">
                </colgroup>
                <tbody class="table-body__header">
                    <tr>
                        <td>订单编号：201603140000128</td>
                        <td class="shop"><i class="iconfont">&#xe605;</i>楚才作文</td>
                        <td></td>
                        <td colspan="2">状态：交易成功</td>
                    </tr>
                </tbody>
                <tbody class="table-body__cont text-center">
                    <tr>
                        <td class="text-left">
                            <div class="media">
                                <a class="media-left" href="#">
                                    <img src="../../static/images/activity.png" alt="activity">
                                </a>
                                <div class="media-body">
                                    <h4 class="media-heading">
                                        <a href="#">楚才文萃小学卷</a>
                                    </h4>
                                </div>
                            </div>
                        </td>
                        <td><p>¥20</p></td>
                        <td><p>3</p></td>
                        <td rowspan="1" class="table-body__cont__price"><p>¥60<br><div class="table-body__cont__logistics">(含运费¥7)</div></p></td>
                        <td rowspan="1" class="table-body__cont__btnTop">
                            <p>
                                <a class="user-link" href="#">订单详情</a>
                            </p>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

<!-- 底部 -->
<footer class="hidden-xs">
    <div class="container">
        <div class="row">
            <div class="col-sm-10 col-sm-offset-1">
                版权所有 武汉楚才竞赛网 鄂ICP备14016248号COPYRIGHT @2013-2014 CHUCAI.GNJ.CN ALL RIGHT RESERVED
                <img src="../../static/images/logo_cjrb.png" width="136" height="42" alt="cjrbLogo">
            </div>
        </div>
    </div>
</footer>

<script src="../../static/js/lib/jquery-1.9.1.min.js"></script>
<script src="../../static/js/lib/bootstrap.min.js"></script>
<script src="../../static/js/module/tabswitch.js"></script>
</body>
</html>